body {
    font-size: 1.5rem;
}

#header {
    background-color: #154233;
}

.bg-header {
    background-color: #154233;
}
.bg-extra {
    background-color: #a97b50;
}
.bg-content {
    background-color: #e6e7e9;
}

.border-login {
    border: 1px solid #a97b50;
}

.border-detail {
    border: 2px double black;
    border-radius: 30px;
}

.logo {
    max-width: 150px;
    height: auto;
}

.font-size-1-5 {
    font-size: 1.2rem;
}

.form-login {
    padding: 0px 15px;
}

/* bar menu header  */
.btn-group {
    top: 10px;
}

.color-name-package {
    color: #154233;
}

.btn {
    /* background-color: #a97b50; */
    padding: 10px 30px;
    color: #ffff;
}

.dropdown-style {
    opacity: 0.8;
    min-width: 0px;
    color: #ffff;
}

.dropdown-item:hover {
    opacity: 1;
    background-color: #b76b24;
}

.bg-btn {
    background-color: #3ab54a;
}

.br30 {
    border-radius: 30px;
}

.br15 {
    border-radius: 15px;
}

.image-thumbnail {
    width: 40vw;
    height: auto;
}

.content-info {
    border-bottom: 1px solid black;
}

.w-20 {
    width: 20%;
}

.bread-crumb a {
    color: #bcbdc0;
    display: inline-block;
}

@media (max-width: 567px) {
    body {
        font-size: 1rem;
        line-height: 1;
    }

    .dropdown-item {
        padding: 5px;
    }

    .w-20 {
        width: 30%;
    }
}